<template>
  <div>
    <XtxBread separator="/">
      <XtxBreadItem to="/">首页</XtxBreadItem>
      <XtxBreadItem :to="`/category/${subCates.parentId}`">{{
        subCates.parentName
      }}</XtxBreadItem>
      <XtxBreadItem>{{ subCates.name }}</XtxBreadItem>
    </XtxBread>
  </div>
</template>

<script>
import { inject } from 'vue'
export default {
  setup () {
    const subCates = inject('subCates')
    return { subCates }
  }
}
</script>

<style lang="scss" scoped>
</style>
